<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	#d1{
		width:100px;
		height:100px;
		/* 边框宽度（粗细） */
		border-width: 10px;
		/* 边框颜色 */
		border-color: red;
		/* 边框样式 */
		border-style:solid;
		/* 设置内边距 */
		padding:40px;
	}
	#d2{
		width:100px;
		height:100px;
		border:10px blue dashed;
		/* 按照上、右、下、左的顺序设置 */
		padding:20px 10px 5px 2px;
	}
	#d3{
		width:100px;
		height:100px;
		/* 设置边框样式 */
		border-top:5px blue dashed;
		border-right:5px red solid;
		border-bottom:5px blue dashed;
		border-left:5px red dotted;
		/* 设置内边距 */
		padding-top:20px;
		padding-right:10px;
		padding-bottom:5px;
		padding-left:2px;
	}
</style>
</head>
<body>
<div id="d1">内容1</div>
<div id="d2">内容2</div>
<div id="d3">内容3</div>
</body>
</html>